/* // 字体颜色 */
.c9 {
	color: #999;
}

.c6 {
	color: #666;
}

.c3 {
	color: #333;
}

.c-fff,
.c-white {
	color: #fff;
}

.c-blue {
	color: @mainColor !important;
}

.c-red {
	color: @red !important;
}

.c-yellow {
	color: @yellow !important;
}

.c-green {
	color: @green !important;
}

.c-ffc638 {
	color: #FFC638 !important;
}

.c-2b8bfd {
	color: #2B8BFD !important;
}

.c-00d0ce {
	color: #00D0CE !important;
}

.c-e80000{
	color: #e80000;
}

.c-d00000 {
	color: #D00000;
}

.c-d22119 {
	color: #d22119;
}

/* // 字重 */
.bold,
.f600 {
	font-weight: bold !important;
}

.normal,
.f400 {
	font-weight: normal !important;
}

.f500 {
	font-weight: 500 !important;
}

/* // 字体尺寸 */
.fz10 {
	font-size: 20rpx;
}

.fz11 {
	font-size: 22rpx;
}

.fz12 {
	font-size: 24rpx;
}

.fz13 {
	font-size: 26rpx;
}
.fz14 {
	font-size: 28rpx;
}

.fz15 {
	font-size: 30rpx;
}

.fz16 {
	font-size: 32rpx;
}

.fz17 {
	font-size: 34rpx;
}

.fz18 {
	font-size: 36rpx;
}

.fz20 {
	font-size: 40rpx;
}

.fz22 {
	font-size: 44rpx;
}

.fz24 {
	font-size: 48rpx;
}

.fz26 {
	font-size: 52rpx;
}

.fz28 {
	font-size: 56rpx;
}

.fz30 {
	font-size: 60rpx;
}

.fz32 {
	font-size: 64rpx;
}

/* // 背景颜色 */
.bgc-white,
.bgc-fff {
	background-color: #fff;
}

.bgc-gery {
	background-color: #f2f2f2;
}

.bgc-f7 {
	background-color: #F7F7F7;
}

.bgc-e6 {
	background-color: #E6E6E6;
}

.bgc-blue {
	background-color: blue;
}

.bgc-yellow {
	background-color: @yellow;
}

.bgc-red {
	background-color: @red;
}

.bgc-green {
	background-color: @green;
}

/* // 圆角 */
.bdr2 {
	border-radius: 4rpx;
}

.bdr4 {
	border-radius: 8rpx;
}

.bdr5 {
	border-radius: 10rpx;
}

.bdr8 {
	border-radius: 16rpx;
}

.bdr50p {
	border-radius: 50%;
}

/* // 布局方式 */
.flex {
	display: flex;
}

.align-c{
	align-items: center;
}

.align-end{
	align-items: flex-end;
}

.zhong {
	display: flex;
	align-items: center;
	justify-content: center;
}

.space-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.space-around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flex-warp {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.db,
.show {
	display: block;
}

.dib {
	display: inline-block;
}

.hide {
	display: none;
}

.fl,
.pull-left {
	float: left;
}

.fr,
.pull-right {
	float: right;
}

/* // margin值 */
.m-5 {
	margin: -10rpx !important;
}

.mt-5 {
	margin-top: -10rpx !important;
}

.mb-5 {
	margin-bottom: -10rpx !important;
}

.ml-5 {
	margin-left: -10rpx !important;
}

.mr-5 {
	margin-right: -10rpx !important;
}

.m0 {
	margin: 0rpx !important;
}

.mt0 {
	margin-top: 0rpx !important;
}

.mb0 {
	margin-bottom: 0rpx !important;
}

.ml0 {
	margin-left: 0rpx !important;
}

.mr0 {
	margin-right: 0rpx !important;
}

.ml3 {
	margin-left: 6rpx !important;
}

.m5 {
	margin: 10rpx !important;
}

.mt5 {
	margin-top: 10rpx !important;
}

.mb5 {
	margin-bottom: 10rpx !important;
}

.ml5 {
	margin-left: 10rpx !important;
}

.mr5 {
	margin-right: 10rpx !important;
}

.mb6 {
	margin-bottom: 12rpx !important;
}

.mr7 {
	margin-right: 14rpx !important;
}

.mb8 {
	margin-bottom: 16rpx !important;
}

.mr8 {
	margin-right: 16rpx !important;
}

.m10 {
	margin: 20rpx !important;
}

.mt10 {
	margin-top: 20rpx !important;
}

.mb10 {
	margin-bottom: 20rpx !important;
}

.ml10 {
	margin-left: 20rpx !important;
}

.mr10 {
	margin-right: 20rpx !important;
}

.mb12 {
	margin-bottom: 24rpx !important;
}

.m15 {
	margin: 30rpx !important;
}

.mt15 {
	margin-top: 30rpx !important;
}

.mb15 {
	margin-bottom: 30rpx !important;
}

.ml15 {
	margin-left: 30rpx !important;
}

.mr15 {
	margin-right: 30rpx !important;
}

.m20 {
	margin: 40rpx !important;
}

.mt20 {
	margin-top: 40rpx !important;
}

.mb20 {
	margin-bottom: 40rpx !important;
}

.ml20 {
	margin-left: 40rpx !important;
}

.mr20 {
	margin-right: 40rpx !important;
}

.m25 {
	margin: 50rpx !important;
}

.mt25 {
	margin-top: 50rpx !important;
}

.mb25 {
	margin-bottom: 50rpx !important;
}

.ml25 {
	margin-left: 50rpx !important;
}

.mr25 {
	margin-right: 50rpx !important;
}

.mb28 {
	margin-bottom: 56rpx !important;
}

.m30 {
	margin: 60rpx !important;
}

.mt30 {
	margin-top: 60rpx !important;
}

.mb30 {
	margin-bottom: 60rpx !important;
}

.ml30 {
	margin-left: 60rpx !important;
}

.mr30 {
	margin-right: 60rpx !important;
}

.mb34 {
	margin-bottom: 68rpx !important;
}

.mb33 {
	margin-bottom: 66rpx !important;
}

.mb40 {
	margin-bottom: 80rpx !important;
}

.m50 {
	margin: 100rpx !important;
}

.mt50 {
	margin-top: 100rpx !important;
}

.mb50 {
	margin-bottom: 100rpx !important;
}

.ml50 {
	margin-left: 100rpx !important;
}

.mr50 {
	margin-right: 100rpx !important;
}

/* // padding值 */
.p0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pl0 {
	padding-left: 0 !important;
}

.p5 {
	padding: 10rpx;
}

.pt5 {
	padding-top: 10rpx;
}

.pr5 {
	padding-right: 10rpx;
}

.pb5 {
	padding-bottom: 10rpx;
}

.pl5 {
	padding-left: 10rpx;
}

.p10 {
	padding: 20rpx;
}

.pt10 {
	padding-top: 20rpx;
}

.pr10 {
	padding-right: 20rpx;
}

.pb10 {
	padding-bottom: 20rpx;
}

.pl10 {
	padding-left: 20rpx;
}

.p15 {
	padding: 30rpx;
}

.pt15 {
	padding-top: 30rpx;
}

.pr15 {
	padding-right: 30rpx;
}

.pb15 {
	padding-bottom: 30rpx;
}

.pl15 {
	padding-left: 30rpx;
}

.plr15 {
	padding: 0 30rpx;
}

.p20 {
	padding: 40rpx;
	box-sizing: border-box;
}

.pt20 {
	padding-top: 40rpx;
}

.pr20 {
	padding-right: 40rpx;
}

.pb20 {
	padding-bottom: 40rpx;
}

.pl20 {
	padding-left: 40rpx;
}

.pb25 {
	padding-bottom: 50rpx;
}

.p30 {
	padding: 60rpx;
	box-sizing: border-box;
}

.pt30 {
	padding-top: 60rpx;
}

.pr30 {
	padding-right: 60rpx;
}

.pb30 {
	padding-bottom: 60rpx;
}

.pl30 {
	padding-left: 60rpx;
}

.pl45 {
	padding-left: 90rpx;
}

.pb50 {
	padding-bottom: 100rpx;
}

.pl50 {
	padding-left: 100rpx;
}

.pl120 {
	padding-left: 240rpx;
}

.pl150 {
	padding-left: 300rpx;
}

.pt50 {
	padding-top: 100rpx;
}

/* // 文本线格式 */
.overline {
	text-decoration: overline
}

.line-through {
	text-decoration: line-through
}

.underline {
	text-decoration: underline
}

.blink {
	text-decoration: blink
}

/* // 字体对齐方式 */
.tac {
	text-align: center;
	justify-content: center;
}

.tal {
	text-align: left !important;
}

.tar {
	text-align: right !important;
}

/* // 宽度 */
.w10p {
	width: 10%;
}

.w20p {
	width: 20%;
}

.w25p {
	width: 25%;
}

.w30p {
	width: 30%;
}

.w33p {
	width: 33.33%;
}

.w40p {
	width: 40%;
}

.w50p {
	width: 50%;
}

.w60p {
	width: 60%;
}

.w70p {
	width: 70%;
}

.w75p {
	width: 75%;
}

.w80p {
	width: 80%;
}

.w90p {
	width: 90%;
}

.w100p {
	width: 100%;
}

.w7 {
	width: 14rpx;
}

.w10 {
	width: 20rpx;
}

.w13 {
	width: 26rpx;
}

.w20 {
	width: 40rpx;
}

.w25 {
	width: 50rpx;
}

.w30 {
	width: 60rpx;
}

.w32 {
	width: 64rpx;
}

.w41 {
	width: 82rpx;
}

.w50 {
	width: 100rpx;
}

.w58 {
	width: 116rpx;
}

.w60 {
	width: 120rpx;
}

.w65 {
	width: 130rpx;
}

.w70 {
	width: 140rpx !important;
}

.w75 {
	width: 150rpx;
}

.w100 {
	width: 200rpx;
}

.w110 {
	width: 220rpx;
}

.w125 {
	width: 250rpx;
}

.w150 {
	width: 300rpx;
}

.w175 {
	width: 350rpx;
}

.w200 {
	width: 400rpx;
}

.w210 {
	width: 420rpx;
}

.w220 {
	width: 440rpx;
}

.w250 {
	width: 500rpx;
}

.w275 {
	width: 550rpx;
}

.w300 {
	width: 600rpx;
}

.w325 {
	width: 650rpx;
}

.w350 {
	width: 700rpx;
}

.w375 {
	width: 750rpx;
}

.w400 {
	width: 800rpx;
}

.w450 {
	width: 900rpx;
}

.w500 {
	width: 1000rpx;
}

.w600 {
	width: 1200rpx;
}

.w750 {
	width: 1500rpx;
}

.w1000 {
	width: 2000rpx;
}

/* // 高度 */
.h10 {
	height: 20rpx !important;
}

.h13 {
	height: 26rpx;
}

.h15 {
	height: 30rpx;
}

.h20 {
	height: 40rpx !important;
}

.h25 {
	height: 50rpx !important;
}

.h30 {
	height: 60rpx !important;
}

.h32 {
	height: 64rpx !important;
}


.h40 {
	height: 80rpx !important;
}

.h41 {
	height: 82rpx !important;
}

.h45 {
	height: 90rpx !important;
}


.h47 {
	height: 94rpx !important;
}

.h50 {
	height: 100rpx !important;
}

.h58 {
	height: 116rpx !important;
}

.h60 {
	height: 120rpx !important;
}

.h70 {
	height: 140rpx !important;
}

.h75 {
	height: 150rpx !important;
}

.h80 {
	height: 160rpx !important;
}

.h90 {
	height: 180rpx !important;
}

.h100 {
	height: 200rpx !important;
}

.h125 {
	height: 250rpx !important;
}

.h150 {
	height: 300rpx !important;
}

.h10p {
	height: 10%;
}

.h20p {
	height: 20%;
}

.h30p {
	height: 30%;
}

.h40p {
	height: 40%;
}

.h50p {
	height: 50%;
}

.h60p {
	height: 60%;
}

.h70p {
	height: 70%;
}

.h80p {
	height: 80%;
}

.h90p {
	height: 90%;
}

.h100p {
	height: 100%;
}

.h10vh {
	height: 10vh;
}

.h20vh {
	height: 20vh;
}

.h30vh {
	height: 30vh;
}

.h40vh {
	height: 40vh;
}

.h50vh {
	height: 50vh;
}

.h60vh {
	height: 60vh;
}

.h70vh {
	height: 70vh;
}

.h80vh {
	height: 80vh;
}

.h90vh {
	height: 90vh;
}

.h100vh {
	height: 100vh;
}

.h600 {
	height: 1200rpx;
}

.h800 {
	height: 1600rpx;
}

/* // 行高 */
.lh16 {
	line-height: 32rpx;
}

.lh18 {
	line-height: 36rpx;
}

.lh20 {
	line-height: 40rpx;
}

.lh22 {
	line-height: 44rpx;
}

.lh25 {
	line-height: 50rpx;
}

.lh30 {
	line-height: 60rpx;
}

/* // 定位 */
.relative {
	position: relative;
}

.point {
	cursor: pointer !important;
	user-select: none;
}

/* // 文字竖向排列 */
.column {
	margin: 0 auto;
	height: 280rpx;
	writing-mode: vertical-lr;
	writing-mode: vertical-rl;
	writing-mode: tb-lr;
	writing-mode: tb-rl;
}

/* 解决文字超出溢出问题 */
.text-cut {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.border-box{
	box-sizing: border-box;
}